<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Guaripolo Store</title>
<meta name="description" content="My Store" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/960.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/color.css" media="screen" />

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="stylesheet/ie.css" media="screen" />
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/shoppica.js"></script>

</head>

<body class="s_layout_fixed">

<div id="wrapper"> 

  <!-- ********************** --> 
  <!--      H E A D E R       --> 
  <!-- ********************** -->
  <div id="header" class="container_12">
    <div class="grid_12">
    
    	<a id="site_logo" href="<?php echo base_url()."catalogo"?>">Guaripolo Store</a> 

      <div id="system_navigation" class="s_nav">
        <ul class="s_list_1 clearfix">
          <li><a href="<?php echo base_url()."catalogo"?>">Inicio</a></li>
          <li><a href="<?php echo base_url()."home/logout"?>">Log Out</a></li>
          <li><a href="<?php echo base_url()."carrito"?>">Carro de compras</a></li>
        </ul>
      </div>

      <div id="site_search">
      	<a id="show_search" href="javascript:;" title="Search:"></a>
        <div id="search_bar" class="clearfix">
          <input type="text" id="filter_keyword" />
          <select id="filter_category_id">
            <option value="0">Todas las categorias</option>
            <option value="1">PC</option>
            <option value="2">XBOX 360</option>
            <option value="1">PS3</option>
          </select>
          <a class="s_button_1 s_secondary_color_bgr"><span class="s_text">Go</span></a> 
        </div>
      </div>
      
      <div id="categories" class="s_nav">
        <ul>
          <li id="menu_home"> <a href="/catalogo">Inicio</a> </li>
          <li> <a href="/catalogo">Juegos</a>
            <div class="s_submenu">
              <h3>Categorias</h3>
              <ul class="s_list_1 clearfix">
                <li> <a href="/catalogo">Accion</a>
                  
                </li>
                <li><a href="/catalogo">Peleas</a></li>
                <li><a href="/catalogo">Deporte</a></li>
              </ul>
              <span class="clear border_eee"></span>
              
        </ul>
      </div>
      
      <div id="cart_menu" class="s_nav">
      
      
    </div>
  </div>
  <!-- end of header --> 
  

  <!-- ********************** --> 
  <!--     I N T R O          -->
  <!-- ********************** --> 
<div id="intro">
    <div id="intro_wrap">
      <div id="product_intro" class="container_12">
        <div id="product_intro_info" class="grid_5">
          <div style="position: relative;">
            <h2><a href="product.html">Samsung SyncMaster 941BW</a></h2>
            <div class="s_rating_holder">
              <p class="s_rating s_rating_big s_rating_5"> <span style="width: 60%;" class="s_percent"></span> </p>
              <span class="s_average">3 out of 5</span> </div>
            <p class="s_desc"> Imagine the advantages of going big without slowing down. The big 19&quot; 941BW monitor combines wide aspect ratio with fast pixel response time, for bigger images, more room to work and crisp motion. In addition, the exclusive MagicBright 2, MagicColor and MagicTune technologies help deliver th...</p>
            <div class="s_price_holder">
              <p class="s_price"> <span class="s_currency s_before">$</span>384.67 </p>
            </div>
          </div>
          <div style="position: relative; display: none;">
            <h2><a href="product.html">White football trainers</a></h2>
            <p class="s_desc"> Product 8 ...</p>
            <div class="s_price_holder">
              <p class="s_price"> <span class="s_currency s_before">$</span>192.34 </p>
            </div>
          </div>
          <div style="position: relative; display: none;">
            <h2><a href="product.html">Balenciaga Paris</a></h2>
            <p class="s_desc"> Intel Core 2 Duo processor Powered by an Intel Core 2 Duo processor at speeds up to 2.16GHz, the new MacBook is the fastest ever 1GB memory, larger hard drives The new MacBook now comes with 1GB of memory standard and larger hard drives for the entire line perfect for runni...</p>
            <div class="s_price_holder">
              <p class="s_price"> <span class="s_currency s_before">$</span>961.68 </p>
            </div>
          </div>
          <div style="position: relative; display: none;">
            <h2><a href="product.html">Adidas Acqua</a></h2>
            <p class="s_desc"> Product 8 Morbi malesuada, ante sit amet faucibus pharetra, ipsum ante imperdiet tellus, nec placerat metus sem sed magna. Quisque id urna a metus porttitor tristique et at justo. Praesent non enim in elit sagittis feugiat. Integer in lectus lobortis lacus commodo mattis non auctor metus. Sus...</p>
            <div class="s_price_holder">
              <p class="s_price"> <span class="s_currency s_before">$</span>192.34 </p>
            </div>
          </div>
          <div style="position: relative; display: none;">
            <h2><a href="product.html">Panasonic Lumix</a></h2>
            <p class="s_desc"> Engineered with pro-level features and performance, the 12.3-effective-megapixel D300 combines brand new technologies with advanced features inherited from Nikon&#39;s newly announced D3 professional digital SLR camera to offer serious photographers remarkable performance combined with agilit...</p>
            <div class="s_price_holder">
              <p class="s_price"> <span class="s_currency s_before">$</span>153.87 </p>
            </div>
          </div>
        </div>
        <div id="product_intro_preview">
          <div class="slides_container">
            <div class="slideItem" style="display: none"><a href="product.html"><img src="images/product_140x140.jpg" alt="" /></a></div>
            <div class="slideItem" style="display: none"><a href="product.html"><img src="images/product_140x140.jpg" alt="" /></a></div>
            <div class="slideItem" style="display: none"><a href="product.html"><img src="images/product_300x300.jpg" alt="" /></a></div>
            <div class="slideItem" style="display: none"><a href="product.html"><img src="images/product_300x300.jpg" alt="" /></a></div>
            <div class="slideItem" style="display: none"><a href="product.html"><img src="images/product_300x300.jpg" alt="" /></a></div>
          </div>
          <a class="s_button_prev" href="javascript:;"></a>
          <a class="s_button_next" href="javascript:;"></a>
        </div>
      </div>
    </div>
  </div>
	<script type="text/javascript" src="js/jquery/jquery.slides.js"></script> 
  <script type="text/javascript" src="js/shoppica.products_slide.js"></script>
  <!-- end of intro --> 
  
  <!-- ********************** --> 
  <!--      C O N T E N T     -->
  <!-- ********************** --> 
  <div id="content" class="container_12">

    
    <div id="category" class="grid_9">

     <div id="login">
		<table>
			<tr>
				<td>
					Usuario
				</td>
				<td>
					<input id="user" type="text" value="nombre de usuario" />
			
				</td>
			</tr>
			<br></br>
			<tr>
				<td>
					Password
				</td>
				
				<td>
					<input id="pass" type="password"/>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<input id="enter" type="button" value="Entrar" onclick="login()"/>
				</td>
			</tr>
		</table>	
	</div>
     
      
 
    
      
  
      

    </div>
    
  </div>
  <!-- end of content -->
  
  
  <!-- ********************** --> 
  <!--             I N F O    --> 
  <!-- ********************** --> 
  <div id="shop_info">
    <div id="shop_info_wrap">
      <div class="container_12">
        <div id="shop_description" class="grid_3">
          <h2>Guaripolo Store</h2>
          <p>Proyecto de Taller de sistemas de computacíon, tienda virtual.</p>
        </div>
        <div id="shop_contacts" class="grid_3">
          <h2>Contactanos</h2>
          <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_phone_32"></span><br />12345</span></td>
            </tr>
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_mail_32"></span>contacto@guaripolostore.com <br /> </span></td>
            </tr>
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_skype_32"></span>guaripolo_store <br /> </span></td>
            </tr>
          </table>
        </div>
        <div id="twitter" class="grid_3">
          <h2>Twitter</h2>
          <ul id="twitter_update_list"><li></li></ul>
        </div>
        <div id="facebook" class="grid_3">
          <h2>Facebook</h2>
          <div class="s_widget_holder">
         
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <!-- end of shop info --> 
  
  

    <div id="payments" class="right clearfix">
    
    </div>
    <p id="copy">&copy; 2012. Realizado por<a class="blue" href="">Equipo Guaripolo</a>.<br /> <a class="s_main_color" href="">Taller de Sistemas de Computación</a><a href=""></a></p>
  </div>
  <!-- end of FOOTER --> 
  
</div>

<div id="fb-root"></div>

</body>
</html>
